<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset=utf-8"utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <title>welcome!</title>
    <meta name="description" content="welcome!">
    <meta name="author" content="lygoup@163.com">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="welcome!">
    <meta name="twitter:description" content="博观而约取，厚积而薄发">
    <meta property="og:type" content="article">
    <meta property="og:title" content="welcome!">
    <meta property="og:description" content="博观而约取，厚积而薄发">

    <script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>
    <link rel="icon" type="images/png" th:href="@{/images/favicon.png}"/>
    <link th:href="@{/images/favorite.png}" rel="shortcut icon" type="image/png">
    <link rel="stylesheet" th:href="@{/css/main.css}">
    <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet">
</head>
<body>
<span class="mobile btn-mobile-menu">
        <div class="nav_container">
          <nav class="nav-menu-item" style="float:right">
            <i class="nav-menu-item">
              <a th:href="@{/index}" title="" class="blog-button"> 博客主页</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/allArticle}" title="archive" class="btn-mobile-menu__icon">所有文章</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/label}" class="btn-mobile-menu__icon">标签</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/TechSupport}" title="support" class="btn-mobile-menu__icon">技术支持</a>
            </i>
            <i class="nav-menu-item">
              <a th:href="@{/aboutme}" title="about" class="btn-mobile-menu__icon">关于我</a>
            </i>
          </nav>
        </div>
    </span>
<header class="panel-cover " style="background-image: url('/images/background-cover.jpg')">
    <div class="panel-main">
        <div class="panel-main__inner panel-inverted">
            <div class="panel-main__content">
                <!-- 头像效果-start -->
                <div class="ih-item circle effect right_to_left">
                    <a title="前往柳勇的主页" class="blog-button">
                        <div class="img"><img th:src="@{/images/avatar.jpg}" alt="img"></div>
                        <div class="info">
                            <div class="info-back">
                                <h2>
                                    <p>lygoup@163.com</p>
                                </h2>
                                <p >Base on Java</p>
                            </div>
                        </div>
                    </a>
                </div>
                <!-- 头像下文字效果-end -->
                <h1 class="panel-cover__title panel-title">
                    <a th:href="@{/index}" title="link to homepage for LiuYong" class="blog-button">柳勇</a>
                </h1>
                <span class="panel-cover__subtitle panel-subtitle">个人站</span>
                <hr class="panel-cover__divider"/>
                <p class="panel-cover__description">博观而约取，厚积而薄发</p>
                <hr class="panel-cover__divider panel-cover__divider--secondary"/>
                <div class="navigation-wrapper">
                    <div>
                        <nav class="cover-navigation cover-navigation--primary">
                            <ul class="navigation">
                                <li class="navigation__item">
                                    <a th:href="@{/index}" title="home" class="blog-button">博客主页</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/allArticle}" title="archive">所有文章</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/label}" title="tags">标签</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/TechSupport}" title="support">技术支持</a>
                                </li>
                                <li class="navigation__item">
                                    <a th:href="@{/aboutme}" title="about">关于我</a>
                                </li>
                            </ul>
                            </ul>
                        </nav>
                        <p style=";font-size: 8px;position: absolute;color: rgb(102,102,102); padding-top: 175px;width: 598px;">
                             &copy; LiuYong 2021 |
                            <a target="_blank" style="text-decoration: none;color:rgb(102,102,102);font-size: 5px " href="http://beian.miit.gov.cn/">赣ICP备2021007116号</a>
                        </p>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!--这行代码控制背景亮度-->
    <div class="panel-cover--overlay cover-clear"></div>
</header>
<script type="text/javascript" th:src="@{/js/jquery-1.11.3.min.js}"></script>
<script type="text/javascript" th:src="@{/js/main.js}"></script>
<script type="text/javascript" th:src="@{/js/highlight.pack.js}"></script>
<!-- <script>hljs.initHighlightingOnLoad();</script>-->
</body>
</html>